body {
	background-color: #ddd
}

.header-content {
	height: 5vh;
	background-color: white;
}

.main-content {
	width: 75vw;
	margin: 0 auto;
}

.center-content {
	margin: 0 auto;
	
}

.header-menu {
	height: 4vw;
}
.header-menu ul {
	list-style-type:none;
	padding:0px;
	margin:0px;	
}
.header-menu ul li {
	display: inline;
}
.header-menu ul a {
	text-decoration:none;
	width:129px;
	float:left;
	background:#00246B;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:35px;
	border:2px solid #fff;
}
.header-menu ul a:hover {
	background-color: #fff;
	color: #00246B;
	border:2px solid #00246B;
	
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}


.title-text {
	width: 50vw;
	background-color: #ffa346;
	color: white;
	border-radius: 6px;
	padding: 10px;
}

.top-right-button {
	float: right;
	height: 4vw;
	margin-right: 0vw;
	margin: 20px;
}

.body-content {
	background-color: #fff;
	border-radius: 6px;
}

/* List */
.list-item {
	width: 50vw;
	padding: 30px;
}


.sub-list {
    transition: all .3s ease-out;
}



.create-item {
	width: 50vw;
	background-color: #228899;
	border:4px solid #B24700;
}
.create-item form {
	margin: 10px;
	width: 50vw;
	
}
.create-item form label {
	color: white;
}
.create-item form input{
	border:2px #228855;
}

.button-box {
	width: 10vw;
}

progress {
	border-color: #adadad;
	background-color: #f3f3f3;
	border-radius: 8px;
    height: 18px;
}
    border-radius: 9px;
